﻿/* base anchor button style */
a.shp-btn {
    float: left;
    padding: 0.5em 0.5em;
    margin: 0 4px 0 0;
    zoom: 1;
    position: relative;
    text-decoration: none !important;
    text-align: center;
    border: 1px solid #000;
    font: normal normal 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif !important;   
}

a.shp-btn.round{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
}

/* base anchor button icon style */
a.shp-btn span.shp-ico {
    display: block;
    text-indent: -99999px; /* hides any text in the span offscreen */
    overflow: hidden;
    background-repeat: no-repeat;
    /* assume a 16x16 px image */
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%; /* vertically centers icon */
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
}

/* base anchor button container with a left icon  */
a.shp-btn-ico-lt {
    padding-left: 28px;
}

/* base anchor button container with a right icon */
a.shp-btn-ico-rt {
    padding-right: 28px;
}

/* base anchor button container with a solo icon */
a.shp-btn-ico-s {
    width: 28px;
    height: 28px;
    padding: 0;
}

/* base anchor button container with a solo icon (smaller footprint than the other solo icon) */
a.shp-btn-ico-ss {
    width: 24px;
    height: 24px;
    padding: 0;
}

/* base anchor button left icon */
a.shp-btn-ico-lt span.shp-ico {
    right: auto;
    left: .4em;
    margin-left: 0;
}

/* base anchor button right icon */
a.shp-btn-ico-rt span.shp-ico {
    left: auto;
    right: .4em;
    margin-left: 0;
}

/* base background */
/* no initialized (mouse out) background or border */
a.shp-bn.ni { border: 1px solid transparent; background: none; }
a.shp-btn {   
   background-repeat: no-repeat;
}
a.shp-btn:hover{}

a.shp-btn.ni.disabled, a.shp-btn.ni.disabled:hover { border: 1px solid transparent !important; background: none !important; }
a.shp-btn.disabled, a.shp-btn.disabled:hover{
   background: #dadada url('<%=WebResource("Shp.Web.UI.WebControls.Iconized.assets.im.bg.btn-slice-00.png")%>') no-repeat scroll -400px 50% !important;  
   border-color: #ababab !important;
   color: #a7a7a7 !important;
}
a.shp-btn.disabled span.shp-ico {
    opacity: 0.5 !important;
    filter: alpha(opacity = 50) !important;
}
